<template>
    <view class="main">
        <view class="list" v-for="(item, index) in 10" :key="index"
            @click="$goUrl(`/pages/message/pages/detail?id=${index}&type=2`)">
            <view class="item">
                <view class="top dispaly-just-between">
                    <view class="title">社区助手</view>
                    <view class="time">2022-02-22</view>
                </view>
                <view class="middle dispaly-center">
                    <view class="desc over-1">
                        今晚十点系统将回进行更新，届时网页将无法访问，请…今晚十点系统将回进行更新，届时网页将无法访问，请…今晚十点系统将回进行更新，届时网页将无法访问，请…</view>
                </view>
            </view>
        </view>
        <LoadMore />
    </view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.main {
    padding: 30rpx;

    .list {
        margin-bottom: 20rpx;

        .list:last-child {
            margin-bottom: 0;
        }

        .item {
            border-radius: 16rpx;
            background-color: #fff;
            padding: 20rpx;

            .top {
                .title {
                    font-family: PingFang SC Regular;
                    font-size: 32rpx;
                    font-weight: normal;
                    color: #111111;
                }

                .time {
                    font-family: PingFang SC Regular;
                    font-size: 24rpx;
                    color: #999999;
                }
            }

            .middle {
                border-bottom: 1rpx solid #eee;
                padding-bottom: 24rpx;


                .desc {
                    font-family: PingFang SC Regular;
                    font-size: 26rpx;
                }

                .desc {
                    color: #0753FD
                }
            }

        }
    }
}
</style>